<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <link rel="stylesheet" type="text/css" href="../../static/css/question.css" th:href="@{/css/question.css}">
    <script src="../../static/js/question.js" th:src="@{/js/question.js}"></script>
    <link rel="stylesheet" type="text/css" href="../../static/css/answer.css" th:href="@{/css/answer.css}">
</head>
<body>
<div th:fragment="questionheader">
    <script type="text/javascript">
        $(function () {
            $("#write-answer-button").click(function () {
               $('.writeanswer').slideToggle(500);
            });
        });
    </script>
    <div class="QuestionHeader" >
<div class="QuestionHeader-content">
    <div class="QuestionHeader-main">

        <h1 class="QuestionHeader-title" th:text="${questionname}">篮网顺利签下欧文和杜兰特，引进小乔丹和坦普尔，他们能冲击总冠军吗？</h1>
        <div>
            <div class="QuestionHeader-detail">
                <div class="QuestionRichText QuestionRichText--expandable QuestionRichText--collapsed">
                    <div>
                        <span id="totalText" class="RichText ztext" itemprop="text" th:utext="${questiondescribe}">
                            问题标题
                        </span>
                        <button    id="showtotal" type="button" class="Button QuestionRichText-more Button--plain">显示全部
                            <svg viewBox="0 0 10 6"
                                class="Icon QuestionRichText-more-icon Icon--arrow" width="10" height="16"
                                aria-hidden="true" style="height: 16px; width: 10px;">
                                <title></title>
                                <g>
                                    <path
                                        d="M8.716.217L5.002 4 1.285.218C.99-.072.514-.072.22.218c-.294.29-.294.76 0 1.052l4.25 4.512c.292.29.77.29 1.063 0L9.78 1.27c.293-.29.293-.76 0-1.052-.295-.29-.77-.29-1.063 0z">
                                    </path>
                                </g>
                            </svg></button></div>
                </div>
            </div>
        </div>
    </div>
    <div class="QuestionHeader-side">
        <div class="QuestionHeader-follow-status">
            <div class="QuestionFollowStatus">

                    <div class="NumberBoard-item">
                        <div class="NumberBoard-itemInner">
                            <div class="NumberBoard-itemName">被浏览</div>
                            <strong class="NumberBoard-itemValue" th:title="${skimtimes}" th:text="${skimtimes}">525,138</strong>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="QuestionHeader-footer">
    <div class="QuestionHeader-footer-inner">
        <div class="QuestionHeader-main QuestionHeader-footer-main">
            <div class="QuestionButtonGroup"><button id="setAttention" type="button"
                    class="Button FollowButton Button--primary Button--blue">关注问题</button>
                <button type="button" id="write-answer-button"
                    class="Button Button--blue"><svg viewBox="0 0 12 12"
                        class="Icon QuestionButton-icon Button-icon Icon--modify" width="14" height="16"
                        aria-hidden="true" style="height: 16px; width: 14px;">
                        <title></title>
                        <g>
                            <path
                                d="M.423 10.32L0 12l1.667-.474 1.55-.44-2.4-2.33-.394 1.564zM10.153.233c-.327-.318-.85-.31-1.17.018l-.793.817 2.49 2.414.792-.814c.318-.328.312-.852-.017-1.17l-1.3-1.263zM3.84 10.536L1.35 8.122l6.265-6.46 2.49 2.414-6.265 6.46z"
                                fill-rule="evenodd"></path>
                        </g>
                    </svg>写回答</button></div>
            <div class="QuestionHeaderActions">

                <div class="Popover ShareMenu">
                    <div class="ShareMenu-toggler" id="Popover43-toggle" aria-haspopup="true" aria-expanded="false"
                        aria-owns="Popover43-content">
                        <!-- <img class="ShareMenu-fakeQRCode"
                            src="https://www.zhihu.com/qrcode?url=https%3A%2F%2Fwww.zhihu.com%2Fquestion%2F332627724%23showWechatShareTip"
                            alt="微信二维码"> -->
                            <button type="button"
                            class="Button Button--plain Button--withIcon Button--withLabel"><span
                                style="display: inline-flex; align-items: center;">​<svg class="Zi Zi--Share Button-zi"
                                    fill="currentColor" viewBox="0 0 24 24" width="1.2em" height="1.2em">
                                    <path
                                        d="M2.931 7.89c-1.067.24-1.275 1.669-.318 2.207l5.277 2.908 8.168-4.776c.25-.127.477.198.273.39L9.05 14.66l.927 5.953c.18 1.084 1.593 1.376 2.182.456l9.644-15.242c.584-.892-.212-2.029-1.234-1.796L2.93 7.89z"
                                        fill-rule="evenodd"></path>
                                </svg></span>分享</button></div>
                </div><button type="button" class="Button Button--plain Button--withIcon Button--withLabel"><span
                        style="display: inline-flex; align-items: center;">​<svg class="Zi Zi--Report Button-zi"
                            fill="currentColor" viewBox="0 0 24 24" width="1.2em" height="1.2em">
                            <path
                                d="M19.947 3.129c-.633.136-3.927.639-5.697.385-3.133-.45-4.776-2.54-9.949-.888-.997.413-1.277 1.038-1.277 2.019L3 20.808c0 .3.101.54.304.718a.97.97 0 0 0 .73.304c.275 0 .519-.102.73-.304.202-.179.304-.418.304-.718v-6.58c4.533-1.235 8.047.668 8.562.864 2.343.893 5.542.008 6.774-.657.397-.178.596-.474.596-.887V3.964c0-.599-.42-.972-1.053-.835z"
                                fill-rule="evenodd"></path>
                        </svg></span>举报</button>
                <div class="Popover"><button aria-label="更多" type="button" id="Popover44-toggle" aria-haspopup="true"
                        aria-expanded="false" aria-owns="Popover44-content"
                        class="Button Button--plain Button--withIcon Button--iconOnly">
                        <span   style="display: inline-flex; align-items: center;">​
                            <svg class="Zi Zi--Dots Button-zi" fill="currentColor" viewBox="0 0 24 24" width="1.2em" height="1.2em">
                                <path
                                    d="M5 14a2 2 0 1 1 0-4 2 2 0 0 1 0 4zm7 0a2 2 0 1 1 0-4 2 2 0 0 1 0 4zm7 0a2 2 0 1 1 0-4 2 2 0 0 1 0 4z"
                                    fill-rule="evenodd"></path>
                            </svg></span></button></div>
                            <button id="hidetotal" type="button" class="Button Button--plain hidebutton">收起<svg viewBox="0 0 10 6" class="Icon QuestionHeader-collapse-icon Icon--arrow" width="10" height="16" aria-hidden="true" style="height: 16px; width: 10px;"><title></title><g><path d="M8.716.217L5.002 4 1.285.218C.99-.072.514-.072.22.218c-.294.29-.294.76 0 1.052l4.25 4.512c.292.29.77.29 1.063 0L9.78 1.27c.293-.29.293-.76 0-1.052-.295-.29-.77-.29-1.063 0z"></path></g></svg></button>
            </div>
            <div class="QuestionHeader-actions"></div>
        </div>
    </div>
</div>
</div>
</div>
</body>
